.g-main {
  height: 0;
  display: flex;
  flex-direction: column;
  > .tab_wrap {
    position: relative;
    display: flex;
    align-items: center;
    height: 80rpx;
    background: #ffffff;
    border-top: 1px solid #e6e6e6;

    > .tab {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      color: gray;
      height: 100%;
      font-size: 30rpx;
      &.active {
        color: #01C257;
      }
    }

    > .bar {
      position: absolute;
      left: 25%;
      bottom: 0;
      transform: translateX(-50%);
      transition: all 0.3s;
      width: 3em;
      height: 6rpx;
      background: #01C257;

      &.half {
        left: 75%;
      }
    }
  }

  > .content_wrap{
    flex: 1;
    height: 0;
    display: flex;
    flex-direction: column;
    .total-wrap{
      padding: 20rpx;
      color: #5c5c5c;
      font-size: 36rpx;
    }
    .list-wrap{
      flex: 1;
      height: 0;
      overflow: auto;
      background: #fff;
      border-top: 1px solid #e6e6e6;
      .li-wrap{
        border-bottom: 1px solid #e6e6e6;
        font-size: 38rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 20rpx;
        .cell{
          display: flex;
          padding: 10rpx 20rpx;
          &.bold{
            font-weight: bold;
          }
          .blue{
            color: #2882FE;
          }
        }
      }
    }
  }

  .dropdown-menu{
    height: 70rpx;
  }
}
